body {
   background-color: #F4F4F4;
}
.wrap {
    padding-bottom: 1.1467rem;
}
// 头部
.header {
    position: relative;
    height: 2.1333rem;
    text-align: center;
    border-bottom: .0267rem solid #EAEAEA;
    line-height: 2.1333rem;
    font-size: .8533rem;
    color: #000;

    
    
    a {
        position: absolute;
       bottom: .6933rem;
        left: .8rem;
        width: .48rem;
        height: .8rem;
        background: url(../icons/oprev.png) no-repeat center/cover;
    }
   
    
}
.title {
    height: 2.1333rem;
    line-height: 2.1333rem;
    font-size: .7467rem;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #666;
    padding-left: .6933rem;
    border-bottom: .0267rem solid #EAEAEA;
    
}
.content {
    padding-top: 1.28rem;
    display: flex;
    flex-direction: column;
    // justify-content: center;
    align-items: center;
    .hd {
        font-size: .5333rem;
        color: #333;
        span:nth-child(3) {
            margin: 0 .4rem;
        }
        

    }
    .price {
        padding: 1.0667rem 0 .32rem 0;
        font-size: 1.3333rem;
        color:#FF6161 ;
        font-weight: 700;
        em {
            font-style: normal;
            font-size: .8rem;
        }
    }
    .sum {
        font-size:.48rem;
        color: #999;
    }
}

// 薪资发布模块
.publish {
    margin-top: .4rem;
    background: #fff;
    .pub_con {
        display: flex;
        justify-content: space-around;
        padding:.3733rem 1.1467rem .6933rem;
        .pub_icon {
            width: 8.4533rem;
          height: 8.4533rem;
          margin-top: 2.6667rem;
          img {
            width: 100%;
          }
        }
        .pub_info {
            .info_hd {
                width: 9.3333rem;;
                height: 1.36rem;
                background-color: #F3F3F3;
                display: flex;
                justify-content: space-between;
                padding: 0 .6933rem;
                align-items: center;
                color: #333;
                font-size: .6133rem;
                border-bottom: .0267rem solid #DCDCDC;

            }
            .info_bd {
                .info_item {
                    width: 100%;
                    height: 1.6rem;
                 display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 .6933rem;
                font-size: .5333rem;
                color: #888;    
                border-bottom: .0267rem solid #DCDCDC;
                .price {
                    // flex: 1;
                    width: 2.1333rem;
                    margin-right: .5333rem;
                }
                .percent {
                    // flex: 1;
                    width: 1.3333rem;
                }
                div[class^="view"] {
                    height: .5867rem; 
                  
                  
                }
                .view1 {
                    width: .1333rem;
                    margin-left: -4.2667rem;
                    background-color: #FF8B02;
                    
                   
                }
                .view2 {
                    width: .2933rem;
                    margin-left: -4.1333rem;
                    background-color: #08A687;
                }
                .view3 {
                    width: .64rem;
                    margin-left: -3.84rem;
                    background-color: #427CFF;
                }
                .view4 {
                    width: .9067rem;
                    margin-left: -3.52rem;
                    background-color: #36C38F;
                }
                .view5 {
                    width: 1.4933rem;
                    margin-left: -2.88rem;
                    background-color: #EC5762;
                }
                .view6 {
                    width: 2.32rem;
                    margin-left: -2.0533rem;
                    background-color: #52C4F0;

                }
                .view7 {
                    width: 1.4933rem;
                    margin-left: -2.8533rem;
                    background-color: #FEBE00;
                }
                &:last-child {
                    border: 0;
                }
                }
               
            }
        }
    }
}

// 各地区薪资模块
.other_area {
    margin-top: .4rem;
    background-color: #fff;
    .area_info {
        padding: .88rem .6933rem .2667rem;
        .area_item {
            height: 1.7333rem;
            margin-bottom: .8rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .area {
                font-size: .7467rem;
               color: #333;
               .num {
                display: inline-block;
                width: 1.1467rem;
                height: 1.1467rem;
                border-radius: 50%;
                background-color: #FC6460;
                color: #fff;
                text-align: center;
                line-height: 1.1467rem;
                font-size: .6667rem;
                margin-right: .3733rem;
            }
           
         
            }
            .datshed {
                flex: 1;
                margin: 0 .4rem;
                height:.0533rem;
                border-bottom:.0267rem dashed #C9C9C9 ;
            }
            .pric {
                font-size: .5333rem;
                color: #333;
                em {
                    font-size: .4rem;
                    font-style: normal;
                }
            }

        }
        .area_item:nth-child(2) .area .num {
            background-color: #FCB860;
        }
        .area_item:nth-child(3) .area .num {
            background-color: #CDC5AE;
        }
        .area_item:nth-child(n+4) .area .num {
            background-color: #D2D2D2;
        }
    }
}
